<template>
<div id="notice">
    <div class="noviceBox">
    <icon class="noticeIcon" type="safe_warn" is-msg></icon>
    <div class="noticeWord">您没有权限访问！</div>
    </div>
    <!-- <a class="noticeBtn" href="javascirpt:void(0)" onclick="window.close()" >关闭</a> -->
</div>
</template>
<script type="text/ecmascript-6">
import { Icon } from 'vux'

export default {
  components: {
    Icon
  },
  methods: {
  }
}
</script>
<style scoped>
#notice{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.noviceBox{
    flex: 1;
}
.noticeIcon{
    margin-top: 200px;
}
.noticeWord{
    margin-top: 10px;
}
.noticeBtn{
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: absolute;
    left: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    bottom: 0px;
    background: rgb(6, 190, 182);;
}
</style>
